<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
	<!-- Safari为meta标签新增minimal-ui属性，在网页加载时隐藏地址栏与导航栏 -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minxmum-scale=1.0, user-scalable=no, minimal-ui">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta name="format-detection" content="telephone=no">
	<meta name="full-screen" content="yes">
	<meta name="x5-fullscreen" content="true">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">
	<title>东湖绿道</title>
	<link rel="stylesheet" href="<?=HW_STA?>weixin/css/weuix.min.css"/>
	<link rel="stylesheet" type="text/css" href="<?=HW_STA?>weixin/css/style.css">
	<link rel="stylesheet" href="<?=HW_CSS?>AppFont/iconfont.css">
	<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/0.4.0/weui.min.css">
	<style>
	.rank_logo{
		color: #fff;
		position: absolute;
		right: .64rem;
		top: 0.64rem;
		font-size: 1rem;
	}
	.rank_logo img{
		height: 1.44rem;
	}
</style>
</head>
<body style="background: #1d7034;">
	<a class="rank-back">
		<img src="<?=HW_IMG?>back_g.png" alt="">
	</a>
	<div class="rank_logo">
		<img src="<?=HW_IMG?>logo_green.png" alt="">
	</div>
	<div class="rank" style="padding-top: 2.5rem;">
		<div class="rank-header" style="padding-bottom: 0.5rem;">东湖绿岛智慧运动排行榜</div>
		<div class="rank-list">
			<div class="rank-list__tab">
				<div class="rank-list__tab-item <?=$type==1?'active':''?>" ><a href="<?=base_url().'App/Index/rank_list/1'?>">日排行榜</a></div>
				<div class="rank-list__tab-item <?=$type==2?'active':''?>"><a href="<?=base_url().'App/Index/rank_list/2'?>">周排行榜</a></div>
			</div>
			<div class="rank-list__medals">
				<div class="rank-list__medals-item">
					<div class="rank-list__medals-user">
						<div class="rank-list__medals-avatar">
							<img src="<?=$list[1]['headimgurl']?>" alt="">
						</div>
						<div class="rank-list__medals-name" style="text-align: center;"><?=$list[1]['nickname']?></div>
					</div>
					<div class="rank-list__user-step"><?=$list[1]['step']?>步</div>
					<div class="rank-list__medals-plat">
						<img src="<?=HW_IMG?>second.png" alt="">
					</div>
				</div>
				<div class="rank-list__medals-item">
					<div class="rank-list__medals-user">
						<div class="rank-list__medals-avatar">
							<img src="<?=$list[0]['headimgurl']?>" alt="">
						</div>
						<div class="rank-list__medals-name" style="text-align: center;"><?=$list[0]['nickname']?></div>
					</div>
					<div class="rank-list__user-step"><?=$list[0]['step']?>步</div>
					<div class="rank-list__medals-plat">
						<img src="<?=HW_IMG?>one.png" alt="">
					</div>
				</div>
				<div class="rank-list__medals-item">
					<div class="rank-list__medals-user">
						<div class="rank-list__medals-avatar">
							<img src="<?=$list[2]['headimgurl']?>" alt="">
						</div>
						<div class="rank-list__medals-name" style="text-align: center;"><?=$list[2]['nickname']?></div>
					</div>
					<div class="rank-list__user-step"><?=$list[2]['step']?>步</div>
					<div class="rank-list__medals-plat">
						<img src="<?=HW_IMG?>third.png" alt="">
					</div>
				</div>
			</div>
			<div class="rank-list__list">
				<?if(!empty($list)):foreach($list as $k=>$v):if($k>2):?>
				<div class="rank-list__list-item">
					<div class="rank-list__left">
						<span class="number"><?=$k+1?></span>
						<img src="<?=$v['headimgurl']?>" alt="" class="rank-list__avatar">
						<span class="rank-list__username"><?=$v['nickname']?></span>
					</div>
					<div class="rank-list__right">
						<span class="step"><?=$v['step']?></span>步
					</div>
				</div>
				<?endif;endforeach;endif;?>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="<?=HW_JS?>jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="<?=HW_STA?>weui/weui.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="<?=HW_JS?>rem.js"></script>
<script>
	$(".rank-back").on('click',function(){
		WebViewJavascriptBridge.callHandler(
			'route', {'finish': true}, function(responseData) {
			});
	})
</script>
</html>

